import React, { useState } from 'react'
import Footer from './Component/Footer'
import Header from './Component/Header'
import List from './Component/List'
import "./App.css"


export default function App() {
  //拿到一组数据
  const [todoList,setTodoList] = useState([
    { id: "001", todo: "唱", done: false },
    { id: "002", todo: "跳", done: false },
    { id: "003", todo: "rap", done: false },
  ])
  return (
    <div className="todo-container">
      <div className="todo-wrap">
      <Header todoList={todoList} setTodoList={setTodoList}/>
      <List todoList={todoList}  setTodoList ={setTodoList}/>
      <Footer todoList={todoList} setTodoList={setTodoList}/>
      </div>
    </div>
  )
}
